<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html lang="zh-CN">
  <head>
    <base href="<%=basePath%>">
    
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>零件设计</title>
    
	<link href="lib/bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet">
	<link href="lib/font-awesome-4.5.0/css/font-awesome.min.css" rel="stylesheet">
	
	<link href="designCloud/css/common.css" rel="stylesheet"></link>
	<link href="designCloud/css/client.css" rel="stylesheet"></link>
	
	<script src="lib/jquery/1.11.3/jquery.min.js"></script>
	<script src="lib/bootstrap-3.3.5/js/bootstrap.min.js"></script>
	
	<!--[if lt IE 9]>
      <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
  </head>
  
  <body class="client-body">
  	<jsp:include page="client-head.jsp"></jsp:include>

  	<div class="client-content">
  		<jsp:include page="client-leftMenu.jsp"></jsp:include>
  	
  		<div class="client-contentBox">
	  		<div class="cd-head">
	  			<a class="btn btn-default" href="designCloud/jsp/newDesign.jsp">新建设计<i class="fa fa-plus"></i></a>
	  			
	  			<div class="cd-volume">
		  			<div class="progress">
					  <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 30%;">
					    <span class="sr-only">30% Complete</span>
					  </div>
					</div>
					<div class="cd-volumeCount"><span>私有容量</span>3/9</div>
				</div>
  			</div>
  			
  			<div class="cd-carList">
  				<div class="cd-listBar clearfix">
  					<div class="cd-listLeft">
  						<div class="cd-listImg"><img src="designCloud/images/part.png"/></div>
  					</div>
  					<div class="cd-listRight">
  						<div class="cd-listTitle"><span>路捷定制款</span><span>2016-6-10</span></div>
  						<div class="cd-listTitle2"><span>最后修改时间：2016-6-13</span><span>15:28</span></div>
  						<div class="cd-listBtns pd-listBtns btnBox clearfix">
  							<a class="a-black activeBtn" href="designCloud/jsp/myPartDesignModify.jsp">修改设计</a>
  							<a class="a-black loadFlag" href="javascript:;">下载</a>
  							<a class="a-black uploadFlag" href="javascript:;">上传</a>
  						</div>
  						<a class="cd-barDel" href="javascript:;"><i class="fa fa-times-circle-o"></i></a>
  					</div>
  				</div>
  				
  				<div class="cd-listBar clearfix">
  					<div class="cd-listLeft">
  						<div class="cd-listImg"><img src="designCloud/images/part.png"/></div>
  					</div>
  					<div class="cd-listRight">
  						<div class="cd-listTitle"><span>路捷定制款</span><span>2016-6-10</span></div>
  						<div class="cd-listTitle2"><span>最后修改时间：2016-6-13</span><span>15:28</span></div>
  						<div class="cd-listBtns pd-listBtns btnBox clearfix">
  							<a class="a-black activeBtn" href="javascript:;">修改设计</a>
  							<a class="a-black loadFlag" href="javascript:;">下载</a>
  							<a class="a-black uploadFlag" href="javascript:;">上传</a>
  						</div>
  						<a class="cd-barDel" href="javascript:;"><i class="fa fa-times-circle-o"></i></a>
  					</div>
  				</div>
  				
  				<nav class="clearfix">
					<ul class="pagination">
					  <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">首页</span></a></li>
					  <li class="active"><a href="#">1</a></li>
					  <li><a href="#">2</a></li>
					  <li><a href="#">3</a></li>
					  <li><a href="#">4</a></li>
					  <li><a href="#">5</a></li>
					  <li><a href="#" aria-label="Next"><span aria-hidden="true">尾页</span></a></li>
					</ul>
					
					<div class="cd-listCount">
						<span>共 100 页</span> 到第 <input type="number" class="cd-countInput"/> 页
						<span class="label label-primary">确定</span>
					</div>
				</nav>
  			</div><!-- cd-carList -->
  		</div>
  	</div>
  	
  	<!-- Modal 下载 -->
	<div class="modal fade" id="loadModal" tabindex="-1" role="dialog" aria-labelledby="loadModalLabel" data-backdrop="static">
	  <div class="modal-dialog" role="document">
	    <form action="">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        <h4 class="modal-title">请选择所需文档</h4>
		      </div>
		      
		      <div class="modal-body load-modalBody clearfix">
		        <label><input name="" type="checkbox" value="" /> 2D文档 （.pdf格式）</label>
		         <label><input name="" type="checkbox" value="" /> 2D文档 （.dwg格式）</label>
				<label><input name="" type="checkbox" value="" /> 3D文档 （.pdf格式）</label>
				<label><input name="" type="checkbox" value="" /> 编程图（.stp格式）</label>
				<label><input name="" type="checkbox" value="" /> 产品制作图（.stp格式） </label>
				<label><input name="" type="checkbox" value="" /> 模具图（.stp格式） </label>
		      </div>
		      
		      <div class="modal-footer">
		      	<button type="submit" class="btn btn1">确定下载</button>
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		      </div>
		    </div>
	     </form>
	  </div>
	</div>
	
	<!-- Modal 上传-->
	<div class="modal fade" id="uploadModal" tabindex="-1" role="dialog" aria-labelledby="uploadModalLabel" data-backdrop="static">
	  <div class="modal-dialog" role="document">
	    <form action="">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
		        <h4 class="modal-title" id="myModalLabel">上传相关图纸</h4>
		      </div>
		      
		      <div class="modal-body upload-modalBody">
		        <div>
	        		<label>编程图</label>
	        		<div class="file-box">
						<input type="button" value="选择文件" class="file-input" onclick="flagFile.click()">
				        <input type="file" name="flagFile" style="display: none;" onchange="flagContent.value=value" >
						<input type="text" name="flagContent" style="display: none;" >
						
						<span class="file-name">未选择文件</span>
					</div>
					<input class="file-submit right" type="button" value="上传" onclick="">
		        </div>
		        <div>
	        		<label>产品制作图</label>
	        		<div class="file-box">
						<input type="button" value="选择文件" class="file-input" onclick="flagFile2.click()">
				        <input type="file" name="flagFile2" style="display: none;" onchange="flagContent2.value=value" >
						<input type="text" name="flagContent2" style="display: none;" >
						
						<span class="file-name">未选择文件</span>
					</div>
					<input class="file-submit right" type="button" value="上传" onclick="">
		        </div>
		        <div>
	        		<label>模具图</label>
					<div class="file-box">
						<input type="button" value="选择文件" class="file-input" onclick="flagFile3.click()">
				        <input type="file" name="flagFile3" style="display: none;" onchange="flagContent3.value=value" >
						<input type="text" name="flagContent3" style="display: none;" >
						
						<span class="file-name">未选择文件</span>
					</div>
					<input class="file-submit right" type="button" value="上传" onclick="">
		        </div>
		        <div class="upload-modalHint">目前仅支持.stp格式文件上传</div>
		      </div>
		      
		      <div class="modal-footer">
		        <button type="submit" class="btn btn1">确定</button>
		        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		      </div>
		    </div>
	     </form>
	  </div>
	</div>
	
	<script type="text/javascript" src="designCloud/js/btnStyle.js"></script>
	
  </body>
</html>
